@charset "UTF-8";
/* 예매페이지 */
#rev h2 { text-align: center; padding: 10px; background: #f0f0f0; margin-bottom: 5px; }
#rev{height: 565px; margin: 50px 0 50px; padding: 3px;  background: #151515;}
#plmov{width: 240px; height: 360px; background-color: white; float: left; margin-right: 3px;}
#plmov ul li{ float: none; font-size: 15px; overflow: hidden; text-overflow: ellipsis; }
#plmov ul { height: 300px; overflow-x: hidden; overflow-y: auto; white-space: nowrap;}
#cinema{width: 190px; height: 360px; background-color: white; float: left; margin-right: 3px}
.area{height: 70px;}
#date{width: 304px; height: 360px; background-color: white; float: left; margin-right: 3px;}
#date p{color: red;}
#movtime{width: 200px; height: 360px; background-color: white; float: left;margin-bottom: 3px;}
#movtime ul { width: 200px; height: 290px; margin-left: 2px; overflow-y: auto; white-space: nowrap; }
#movtime ul li{ font-size: 14px;}
#revinfo{width: 935px; height: 200px; float: left; }
#revinfo h1 { color: left; }
#selmovinfo, #seletc { float: left; color: #fff; }
#seletc { margin-top: 30px; }
#seletc div { margin: 10px 0; }

#poster{height: 200px; float: left; padding-top: 5px; }
#poster img{width: 140px; height: 200px; }	
#movinfo{ width: 300px; height: 200px; float: left; color: white;}
#title_rating{max-width: 400px; float: left; padding: 50px 10px 0 10px; margin-right: 10px; }
#title_rating span{font-size: 22px; font-weight: bold; }
#year_date{width: 245px; height:160px;  float: left; text-align: center; padding-top: 45px;}
#year{font-size: 25px; text-align: center;}
#time{font-size: 25px; text-align: center;}
#days{font-size: 35px; text-align: center;  }
#revbutton button{width: 180px; height: 150px;margin-left: 5px; margin-top: 30px; float: right;}
#revbutton button h1{color: white;}
#seoul{font-size: 20px; margin-bottom: 2px;}
.seatsbox { display: inline-block; text-align: center; width: 20px; padding: 3px 0; cursor: pointer;
			background: #888; border-radius: 2px; margin: 2px; color: #fff; border: none; }
.selover:hover { background: #b6d82e; }
.selected { background: #bd3131; }
#abcimg { float: left; width: 18px; margin-top: 8px; }
#screen { width: 100%; padding: 5px 0; margin-bottom: 30px; background: #eee; text-align: center; font-size: 14px; font-weight: bold; }
#seatboxes { width: 462px; margin: 0 auto; margin-bottom: 20px; }
#rbtn { width: 150px; margin: 0 auto; }
#rbtn button { width: 150px; }

#people{width: 411px; margin: 0 auto; }
#prate { float: left; width: 80px; height: 24px; margin-right: 7px; border-radius: 5px;
		border: 1px solid #d0d0d0; font-size: 14px; }
#people button{width: 35px; padding: 1px 0; text-align: center;}
#seatFrm { margin-top: 15px; }
#pbtn .ppp { width: 35px; padding: 1px 0; }
#pbtn .active { background: #bd3131; color: #e0e0e0; }
.seatsbox[disabled="disabled"] { background: url('../images/disable_seat.png'); color: #888; }
.selected[disabled="disabled"] { background: #bd3131; color: #fff; }

/* 결제 수단 선택 */
#reservinfo { font-size: 14px; }
#reservinfo #reservFrm { margin-bottom: 20px; }
#reservinfo img { width: 100px; float: left; margin-right: 10px; }
#reservinfo label, #reservinfo input { margin: 5px; }
#reservinfo input { border: none; font-weight: bold; width: 167px;  }
#reservinfo #rtitle { width: 350px; }
#reservinfo #rtheater { width: 370px; }
#reservinfo #rseat { width: 350px; }

.clearf{clear: both;}

/* datepicker */
#playdate { font-size: 14px; }
#date p { text-align: center; margin-bottom: 5px; }
.ui-datepicker-prev span { text-indent: -9999em; width: 25px; height: 20px;
	background: url('../images/arrows.png') 0 0 no-repeat; float: left; cursor: pointer; }
.ui-datepicker-next span { text-indent: -9999em; width: 25px; height: 20px;
	background: url('../images/arrows.png') -25px 0 no-repeat; float: right; cursor: pointer; }
.ui-datepicker-title { font-weight: bold; text-align: center; }
.ui-datepicker-calendar { margin: 0 auto; }
.ui-datepicker-calendar th { padding: 10px; text-align: center; border-bottom: 1px solid #d8d8d8; }
.ui-datepicker-calendar th:first-child { color: #d9534f; }
.ui-datepicker-calendar th:last-child { color: rgb(44, 131, 211); }
.ui-datepicker-calendar td { text-align: right; }
.ui-datepicker-calendar td:first-child a { color: #d9534f; }
.ui-datepicker-calendar td:last-child a { color: rgb(44, 131, 211); }
.ui-datepicker-today { background: rgba(200,200,200,0.5); border-radius: 5px; }
.ui-datepicker-calendar a, .ui-datepicker-unselectable span
	{ text-align: center; padding: 10px 0; display: block; border-radius: 5px; width: 40px; height:18px }
.ui-datepicker-calendar a:hover { text-decoration: none; font-weight: bold; background: #fff0a0; }
.ui-state-active { border: none; }
.ui-datepicker-unselectable span { color: #bbb; }

/* accordion */
#cinema h2 { margin-bottom: 1px; }
#accordion{width: 190px;}
.gu{color: red; font-weight: bold; font-size: 15px; border-bottom: 1px solid black;}
#accordion .sido { display: block; width: 172px; height: 14px; padding: 8px; }
#accordion .sido:hover { background: #e0e0e0; text-decoration: none; font-weight: bold; }
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: 0;
	min-height: 0; /* support: IE7 */
	background: #fafafa;
	border: 1px solid #e0e0e0;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;	
}
.ui-accordion .ui-accordion-content {	
	padding: .3em .7em;
	border-top: 0;
	height: 140px;
	overflow: auto;
}
#accordion ul li {
	width: 95%;
}
#accordion h3 { font-weight: normal; }
.ui-state-hover { font-weight: bold; }

